//品牌色
const BrandColors = {
    colorBrand1: "#F5DCDC",
    colorBrand2: "#EBBCBC",
    colorBrand3: "#D41515",
    colorBrand4: "#E02D2D",
    colorBrand5: "#CF0000",
    colorBrand6: "#BF0000",
    colorBrand7: "#940000",
    colorBrand8: "#690000",
    colorBrand9: "#400000",
    colorBrand10: "#FA5050",
    colorBrand11: "#e64949"
}

// 辅助色
const SecondaryColors = {
    colorSecondary1: "#DAE2F2" ,
    colorSecondary2: "#8DACEB" ,
    colorSecondary3: "#5F8EED" ,
    colorSecondary4: "#2F6FED" ,
    colorSecondary5: "#0054FC",
    colorSecondary6: "#004DE7" ,
    colorSecondary7: "#003AAF" ,
    colorSecondary8: "#00297C" ,
    colorSecondary9: "#001849" 
}

//中性色
const NeutralColors = {
    colorWhite1: "#ffffff",
    colorWhite2: "rgba(100, 100, 100, 0.8)",
    colorWhite3: "rgba(100, 100, 100, 0.6)",
    colorWhite4: "rgba(100, 100, 100, 0.4)",
    colorWhite5: "rgba(100, 100, 100, 0.2)",
    colorWhite6: "rgba(100, 100, 100, 0.1)",
    colorBlack: "#000000",
    colorGray1: "rgba(0, 0, 0, 0.8)",
    colorGray2: "rgba(0, 0, 0, 0.6)",
    colorGray3: "rgba(0, 0, 0, 0.4)",
    colorGray4: "rgba(0, 0, 0, 0.2)",
    colorGray5: "rgba(0, 0, 0, 0.1)",
    colorGray6: "rgba(0, 0, 0, 0.05)",
    colorGray7: "rgba(0, 0, 0, 0.02)",
    colorGrayDisable:"#E5E5E5"
}

//蓝调灰色
const BlueGreyColors = {
    colorColdgray1: "#4A515B",
    colorColdgray2: "#F4F5F7",
    colorColdgray3: "#607483"
}

//成功色
const SuccessColors = {
    colorSuccess1: "#0C7A56",
    colorSuccess2: "#0C7A56"
}

//警示色
const WarningColors = {
    colorWarning1: "#BF0000",
    colorWarning2: "#D41515"
}

//提醒色
const NoticeColors = {
    colorNotice1: "#A15810",
    colorNotice2: "#A15810"
}

//信息色
const InfoColors = {
    colorInfo1: "#E02D2D",
    colorInfo2: "#BD5826",
    colorInfo3: "#A86522",
    colorInfo4: "#8F721D",
    colorInfo5: "#1B8561",
    colorInfo6: "#257AB8",
    colorInfo7: "#2F6FED",
    colorInfo8: "#7559FF",
    colorInfo9: "#B230F2",
    colorInfo10: "#D92B82"
}

//色板、信息色-浅色
const InfoLightColors = {
    colorInfoLight1: "#FAEDED",
    colorInfoLight2: "#F7EFEB",
    colorInfoLight3: "#F5EFE9",
    colorInfoLight4: "#F5F2E9",
    colorInfoLight5: "#E6F2EE",
    colorInfoLight6: "#EBF2F7",
    colorInfoLight7: "#F0F4FC",
    colorInfoLight8: "#F2F0FF",
    colorInfoLight9: "#F6EDFA",
    colorInfoLight10: "#FAEDF4"
}
// 品牌色/主色
const PrimaryColors = {
  colorPrimary: BrandColors.colorBrand5,
  colorPrimaryActive: BrandColors.colorBrand6,
  colorPrimaryLightActive:BrandColors.colorBrand1,
}

// 品牌色/辅助色
const  BrandSecondaryColors = {
    colorSecondary: SecondaryColors.colorSecondary4,
    colorSecondaryActive: SecondaryColors.colorSecondary5,
    colorSecondaryLightActive: SecondaryColors.colorSecondary1,
}

// 品牌色/文本色
const TextColors = {
    colorTextBase:NeutralColors.colorBlack,
    colerTextSecondary: NeutralColors.colorGray1,
    colorTextTertiary: NeutralColors.colorGray2,
    colorTextLink: SecondaryColors.colorSecondary4,
    colorTextWhite: NeutralColors.colorWhite1,
    colorTextSuccessBase: SuccessColors.colorSuccess1,
    colorTextSuccessLarge: SuccessColors.colorSuccess2,
    colorTextWarningBase:WarningColors.colorWarning1,
    colorTextWarningLarge:WarningColors.colorWarning2,
    colorTextNoticeBase: NoticeColors.colorNotice1,
    colorTextNoticeLarge: NoticeColors.colorNotice2,
    colorTextPlaceholder: NeutralColors.colorGray3,
    colorTextDisable: NeutralColors.colorGray2,
    colorTextPrimary:BrandColors.colorBrand5
}

// 品牌色/图标色
const IconColors = {
    colorIconBase: NeutralColors.colorBlack,
    colorIconLink: SecondaryColors.colorSecondary4,
    colorIconPrimary:BrandColors.colorBrand5,
    colorIconGary:NeutralColors.colorGray2,
    colorIconWhite: NeutralColors.colorWhite1,
    colorIconColdGray:BlueGreyColors.colorColdgray3,
    colorIconDisable:NeutralColors.colorGray6

}

// 品牌色/填充色
const FillColors = {
    colorFillWhite: NeutralColors.colorWhite1,
    colorFillPrimaryLight:InfoLightColors.colorInfoLight1,
    colorFillGrayLight: NeutralColors.colorGray6,
    colorFillGrayMedium:NeutralColors.colorGray5,
    colorFillGrayDark: NeutralColors.colorGray2,
    colorFillDarkCollapse: NeutralColors.colorGray1,
    colorFillDisableSwitchOn:"rgab(25,125,95,0.50)",
    colorFillSwitchOn:"#1B8561",
    colorFillDisable: NeutralColors.colorGrayDisable,
    colorFillMask: NeutralColors.colorGray2,
    colorFillMaskLight: NeutralColors.colorGray3,
    colorFillMaskWhite:"rgba(255,255,255,0.8)"
}

// 品牌色/背景色
const BgColors = {
    colorBgBody: BlueGreyColors.colorColdgray2,
    colorBgMain: NeutralColors.colorWhite1,
    colorBgHeader: NeutralColors.colorWhite1
}

// 品牌色/边框色
const BorderColors = {
    colorBorderPrimary: BrandColors.colorBrand5,
    colorBorderActive: BrandColors.colorBrand6,
    colorBorderPrimaryDisable: NeutralColors.colorGray4,
    colorBorderBase: NeutralColors.colorGray4,
    colorBordeLightDisable:NeutralColors.colorGrayDisable,
    colorBordeDarkDisable:NeutralColors.colorGray4,
    colorBordeLink:SecondaryColors.colorSecondary4,
    colorBorderInfo: InfoColors.colorInfo6,
}

// 品牌色/分割线颜色
const DividerColors = {
    colorDividerBase: NeutralColors.colorGray6,
    colorDividerDark: NeutralColors.colorGray5,
    colorDividerWhite: NeutralColors.colorWhite6,
}

// 字体 大小
const FontSize = {
    fontSizeXxxxs: 10,
    fontSizeXxxs: 11,
    fontSizeXxs: 12,
    fontSizeXs: 13,
    fontSizeS: 14,
    fontSizeBase: 15,
    fontSizeL: 16,
    fontSizeXl: 19,
    fontSizeXxl: 25,
    fontSizeXxxl: 30
}

// 字体 粗细
const FontWeight = {
    fontWeightRegular: "400",
    fontWeightBold:'500',
    fontWeightXBold: "600"
}

// 字体 行高
const LineHeight = {
    fontLineHeightBase: 20.8  //对应 (1em = 16 ) + 8
}

// 圆角 
const Radius= {
    radiusZero: 0,
    radiusXs: 2,
    radiusS: 5,
    radiusM: 10,
    radiusL: 15,
    radiusFull: 9999,
    radiusRound: 0.5
}

// 描边粗细
const BorderWidth = {
    borderWidthZero: 0,
    borderWidthBase: 1,
    borderWidthBold: 2
}

// 边框样式
const BorderStyle = {
    borderStyleBase: "solid",
    borderStyleDash: "dashed"
}

// 阴影
const Shadow = {
    shadowLight: " 0 1 4px rgba(0, 0, 0, 0.2)",
    shadowBase: "0 0 6px rgba(0, 0, 0, 0.2)",
    shadowDark: "0 5 5px rgba(0, 0, 0, 0.05)"
}

// 控件高度
const SizeHeight = {
    sizeHeightXs: 15,
    sizeHeightS: 25,
    sizeHeightM: 30,
    sizeHeightL: 35,
    sizeHeightXl: 45,
    sizeHeightXxl: 50,
    sizeHeightXxxl: 65,
    sizeHeightXxxxl: 85
}


// 图标大小
const SizeIcon = {
    sizeIconXxs: 10,
    sizeIconXs: 15,
    sizeIconS: 20,
    sizeIconM: 25,
    sizeIconL: 30,
    sizeIconXl: 35,
    sizeIconXxl: 45
}

// 间距
const Spacing = {
    spacingNone: 0,
    spacingXs: 5,
    spacingS: 10,
    spacingM: 15,
    spacingL: 20,
    spacingXl: 40 
}

// 元素比例
const Square = {
    sizeIconSquare:1
}




const variables = {
    ...BrandColors,
    ...SecondaryColors,
    ...NeutralColors,
    ...BlueGreyColors,
    ...SuccessColors,
    ...WarningColors,
    ...NoticeColors,
    ...InfoColors,
    ...InfoLightColors,
    ...PrimaryColors,
    ...TextColors,
    ...IconColors,
    ...FillColors,
    ...BgColors,
    ...BorderColors,
    ...DividerColors,
    ...FontSize,
    ...FontWeight,
    ...LineHeight,
    ...Radius,
    ...BorderWidth,
    ...BorderStyle,
    ...Shadow,
    ...SizeHeight,
    ...SizeIcon,
    ...Spacing,
    ...BrandSecondaryColors,
    ...Square
}


export default variables







